<template>
    <div style="width:100%;">
        <p class="label" :style="{width: labelwidth+'px',textAlign:positiont}">{{ getlabeltext }}：</p>
        <p class="valuep" :style="{paddingLeft: labelwidth,color: valuecolor}">{{ getinfovalue }}</p>
    </div>
</template>
<script>
export default {
  name: 'labelinfo',
  data () {
    return {

    }
  },
  props: {
    labelwidth: {
      type: Number,
      default: 150
    },
    labeltext: {
      type: String,
      default: ''
    },
    infovalue: {
      type: String | Number,
      default: ''
    },
    positiont: {
      type: String,
      default: 'right'
    },
    color: {
      type: String,
      default: '#333'
    }
  },
  computed: {
    getlabeltext () {
      return this.labeltext
    },
    getinfovalue () {
      return this.infovalue
    },
    valuecolor () {
      return this.color
    }
  }
}
</script>
<style scoped>
    .label{
        float: left;
        height:30px;
        line-height: 30px;
    }
    .labeltextp {
        height: 30px;
        line-height: 30px;
    }
    .valuep {
        float: left;
        height: 30px;
        line-height: 30px;
    }
</style>
